<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>文字横向循环滚动</title>
    <style>
        #static_big_box {
            position: relative;
            width: 600px;
            margin: 0 auto;
            height: 20px;
            line-height: 1rem;
            padding-right: 65px;
            box-sizing: border-box;
            overflow: hidden;
            background-color: aqua;
        }

        #runing_box {
            position: absolute;
            height: 100%;
            line-height: 1rem;
            white-space: nowrap;
            top: 0px;
            left: 0;
        }

        #runing_box a {
            color: #fff;
            margin-left: 8px;
            font-size: 23px;
            text-decoration: none;
        }

        #runing_box a:hover {
            color: #57bc54;
        }
    </style>
</head>
<body>
    <div id="static_big_box">
        <div id="runing_box">
            <a href="#">版权所有©云上村寨工程中心  备案序号：******文保网安备案号：***** 地址：北京市朝阳区大屯路中科院地理所 邮编：123456 电话：15245685426 Email:12345aa@163.com</a>
        </div>
    </div>
    <script>
        function HengxiangScroll() {
            var seconds = 100;//单位秒
            var box_obj = document.getElementById('runing_box')
            var distance = box_obj.width || box_obj.clientWidth || box_obj.offsetWidth || box_obj.scrollWidth;
            console.log(distance);
            var i = 0;
            function start() {
                i--;
                if (i <= -distance) {
                    i = 2 * distance;
                    document.getElementById('runing_box').style.right = -distance + 'px';
                } else {
                    var now_left = i >= distance ? i - distance : i;
                    document.getElementById('runing_box').style.left = now_left + 'px';
                }
                setTimeout(start, 10);
            }
            setTimeout(start, seconds)
        }
        HengxiangScroll();
    </script>
</body>
</html>